<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="baidu-tc-cerfication" content="d0fcb6c290f799d6921e9a455bad9273">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>玩法规则</title>
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/sysme/css/game_mobile.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/mobile/index/css/betting.css" rel="stylesheet" type="text/css">
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />

	
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/layer.js"></script>
    <script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/scroll_common_mobile.js"></script>
    <script src="__TEMPLATE__/sysme/js/lobby_common_mobile.js"></script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TEMPLATE__/sysme/js/tool_scroll_game.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/mobile/index/js/betting.js"></script>
<!-- 	<script type="text/javascript" src="__TEMPLATE__/mobile/index/js/yaoyiyao.js"></script> -->
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
		
  </head>
<style type="text/css">
._bodyer{
	padding: 10px;
	overflow: hidden;
}

	.search_box{
		height: 40px;
    background-color: #f3f3f3;
    padding: 10px;
	}
	.search_box_input{
		width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px Solid #e1e1e1;
    border-radius: 4px;
	}
	.btn_search_user{
		background: url(__TEMPLATE__/mobile/index/img/daili_sousu.png) CENTER CENTER NO-REPEAT;
    background-size: 22px 22px;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 2px;
    top: 2px;
	}
	.search_box_item{
		position: relative;
	}
	
	._bodyer ._item.border_top {
    border-top: 1px Solid #f3f3f3;
}

._bodyer ._item.border_left {
    border-left: 1px Solid #f3f3f3;
}


._bodyer ._item {
    width: 33.3%;
    height: 80px;
    box-sizing: border-box;
    border-right: 1px Solid #F3F3F3;
    border-bottom: 1px Solid #F3F3F3;
    float: left;
}
	._bodyer ._item .bt_num, ._bodyer ._item .next_num {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #F33;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
._bodyer ._item ._title {
    width: 100%;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #666666;
    font-size: 15px;
}

.uptime_data {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.uptime_data span {
    color: #F33;
}
.pull-right{
	 width: 30%;
    float: right;
    font-weight: normal;
    position: relative;
}
.slide_mask {
    position: fixed;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    z-index: 900;
}
.slide_mask .slide_menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f3f3f3;
    max-height: 240px;
    box-sizing: border-box;
}
.slide_mask .slide_menu .container {
    max-height: 210px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow: hidden;
    -webkit-overflow-y: auto;
}


.container {
    width: 100%;
    padding: 0px;
}

.slide_mask .slide_menu .slide_menu_item {
    border-bottom: 1px SOlid #DDD;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #666;
}
.slide_mask .slide_menu .slide_menu_item:last-child {
    border-bottom: none;
}

.header_container {
    width: 100%;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-bottom: 1px Solid #DDDDDD;
    position: fixed;
    background: #FFFFFF;
    z-index: 1;
    left: 0px;
    top: 105px;
}

.active {
    color: #e94335 !important;
    border-bottom: 2px solid #e94335;
}

.header_menu {
    width: 33%;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    float: left;
    text-align: center;
    font-size: 16px;
    background: #FFFFFF;
    color: #999999;
}



.header_container .header_menu_bar {
    width: 20%;
    height: 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.3s ease-in-out;
}

.style_background {
    background: #F93;
    color: #FFF;
}
.user_list {
    margin-top: 50px;
}
.user_list_item.empty {
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #999999;
}

.user_list_item {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 20px 4px 20px;
    height: 80px;
    border-bottom: 1px Solid #F3F3F3;
    position: relative;
    overflow: hidden;
}
.trad_item {
    padding: 40px 8px 10px 8px;
    box-sizing: border-box;
    border-top: 1px Solid #F3F3F3;
}
.lines {
    height: 30px;
    line-height: 30px;
}
.trad_name {
    font-size: 0.9em;
    color: #111111;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.trad_price {
    font-size: 0.9em;
    color: #333333;
    float: right;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.trad_time {
    font-size: 0.9em;
    color: #999999;
    float: left;
    height: 30px;
    line-height: 30px;
    min-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.trad_trad_type {
    font-size: 0.9em;
    color: #111111;
    float: right;
    height: 30px;
    line-height: 30px;
    min-width: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

</style>

  <body>
	    <div class="title fud" style="background:#d91d36;height:40px;line-height:40px;">
					 <a onclick="window.history.go(-1);"
					 style="float:left;color:white;margin-left:-2%;font-size:0.98rem;width: 50px;">
	    	<span id="header_touzhu">
	            <img src="__TEMPLATE__/mobile/index/img/blank_01.png" style="width: 76%;">
	    	</span>
	    	</a>
	    	<div style="width: 213px;margin: 7px auto;position: absolute;left: 40%;height: 40px;">
	  				<div id="qhczs_1" style="font-size: 20px;line-height: 25px;text-align: left;color: white;font-weight: normal;">交易明细</div>
	  				
	  			</div>
	  			<div class="pull-right"><span class="this_day" id="this_day">{$day|default='今天'} </span><img src="__TEMPLATE__/mobile/index/img/daili_xl.png" style="width: 20%;position: absolute;top: 9px;left: 75px;"/></div>
	  		</div>
	  		
				<div class="container" style="margin-top: 37px;position: fixed;">
					<div class="search_box">
			       <form class="aaaaa">
			       	  <div class="search_box_item">
									<input type="text" name="user" value="{$user}" class="search_box_input search_input" placeholder="帐号查询">
									<div class="btn_search_user" id="to_search"></div>
								</div>
			       </form>
								
					
					</div>
				</div>
				
				<div class="header_container">
			<div class="header_menu style_color active suoyouleixing" data-value="0">所有类型</div>
			<div class="header_menu style_color tixianjilu" data-value="2">提现记录</div>
			<div class="header_menu style_color chongzhijilu" data-value="5">充值记录</div>
			
		</div>
<script>
	$("#to_search").click(function(){
		$(".aaaaa").submit();
	})
</script>
	<div id="">
		<div class="user_list_suoyou" style="display: block;">
		{foreach($jiaoyi['chongzhi'] as $item)}
			<div class="trad_item">
				<div class="lines"> 
					<div class="trad_name">{$item.username}</div>
					<div class="trad_price">
						<a style="color:#393;">{$item.je}元</a>
					</div> 
				</div> 
				<div class="lines"> 
					<div class="trad_time">{$item.cztime|date="Y-m-d H:i:s",###}</div> 
					<div class="trad_trad_type">{if($item.zt==1 && $item.czadmin!='')}已审核{else/}待审核{/if}</div>
				</div> 
			</div>
		{/foreach}
		{foreach($jiaoyi['tixian'] as $item)}
			<div class="trad_item">
				<div class="lines"> 
					<div class="trad_name">{$item.username}</div>
					<div class="trad_price">
						<a style="color:#393;">{$item.txje}元</a>
					</div> 
				</div> 
				<div class="lines"> 
					<div class="trad_time">{$item.txtime|date="Y-m-d H:i:s",###}</div> 
					<div class="trad_trad_type">{if($item.zt==1 && $item.shadmin!='')}已审核{else/}待审核{/if}</div>
				</div> 
			</div>
		{/foreach}
		</div>
		
		
		<div class="user_list_tixian" style="display: none;">
			{foreach($jiaoyi['tixian'] as $item)}
			<div class="trad_item">
				<div class="lines"> 
					<div class="trad_name">{$item.username}</div>
					<div class="trad_price">
						<a style="color:#393;">{$item.txje}元</a>
					</div> 
				</div> 
				<div class="lines"> 
					<div class="trad_time">{$item.txtime|date="Y-m-d H:i:s",###}</div> 
					<div class="trad_trad_type">{if($item.zt==1 && $item.shadmin!='')}已审核{else/}待审核{/if}</div>
				</div> 
			</div>
		{/foreach}
		</div>
		
		
		
		
		
		
		<div class="user_list" style="display: none;margin-top: 4px;">
			{foreach($jiaoyi['chongzhi'] as $item)}
			<div class="trad_item">
				<div class="lines"> 
					<div class="trad_name">{$item.username}</div>
					<div class="trad_price">
						<a style="color:#393;">{$item.je}元</a>
					</div> 
				</div> 
				<div class="lines"> 
					<div class="trad_time">{$item.cztime|date="Y-m-d H:i:s",###}</div> 
					<div class="trad_trad_type">{if($item.zt==1 && $item.czadmin!='')}已审核{else/}待审核{/if}</div>
				</div> 
			</div>
		{/foreach}
		</div>
		</div>
		
        
        
       <div class="slide_mask" id="this_day_list" style="display: none;">
					<div class="slide_menu">
						<div class="container container2">
							<div class="slide_menu_item slide_day" data-btime="2018-05-08" data-etime="2018-05-08">今天</div>
							<div class="slide_menu_item slide_day" data-btime="2018-05-07" data-etime="2018-05-07">昨天</div>
							<div class="slide_menu_item slide_day" data-btime="2018-05-07" data-etime="2018-05-13">本周</div>
							<div class="slide_menu_item slide_day" data-btime="2018-05-1" data-etime="2018-05-08">本月</div>
							<div class="slide_menu_item slide_day" data-btime="2018-04-01" data-etime="2018-04-30">上月</div>
						</div>
					</div>
			</div>
	 <!--<div class="user_list"><div class="user_list_item empty">暂无更多数据...</div></div>-->
</body>
</html>

<script type="text/javascript">
	$(".pull-right").click(function(){
		$("#this_day_list").css('display','block');
	})
	
	$(".slide_mask").click(function(){
		$("#this_day_list").css('display','none');
	})
	
	$(".header_container").children('div').click(function(){
		$(this).addClass('active').siblings('div').removeClass('active');
	})
	
	$(".chongzhijilu").click(function(){
		$(".user_list").css('display','block');
		$(".user_list").siblings('div').css('display','none');
	})
	
	$(".suoyouleixing").click(function(){
		$(".user_list_suoyou").css('display','block');
		$(".user_list_suoyou").siblings('div').css('display','none');
	})
	
	$(".tixianjilu").click(function(){
		$(".user_list_tixian").css('display','block');
		$(".user_list_tixian").siblings('div').css('display','none');
	})
	
	
	$(".container2").children('div').click(function(){
		var a = $(this).html();
		window.location.href="{:url('member/jiaoyimingxi')}?day="+a;
	})
</script>


    



